/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #CC0000;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1210px;max-width:100%}
.fl{ float:left}
.fr{ float:right}

.header .logo{ float:left;}
.app_header{ display:none;border-top-style: solid;
	border-top-color: rgba(190,0,0,0.8);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}


.app_top{width:100%;/*height:162px;*/ float:left;}
.header{

	float: left;
	
	width: 100%; background-color:#f8f8f8; padding-top:10px; padding-bottom:10px;
	
}
.header .box1,#top .box1{
	position: relative; width:1300px; 
}


#top{
	background-color: #283653;
	float: left;
	width: 100%;
}
#top .tel i{ margin-left:10px; margin-right:3px;}
#top,#top a{ color:#ffffff;}
#nav{

	line-height: 50px;

	margin-left:550px; 
	
padding:0px;  line-height:50px; padding-top:10px;}

#nav>ul{ float:left; width:100%;}
#nav>ul>li{
	float:left;
	width:12.5%;
	text-align:center;
	position: relative; font-size:16px;
}
#nav>ul>li>a{
	color:#283653; display:inline-block;

	position: relative;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
}
#nav>ul>li>a.select,#nav>ul>li>a:hover{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;border-bottom-color:rgba(190,0,0,0.8);
}

#nav>ul>li:first-child>a:after{ display:none}
#nav ul li{	position: relative; }

#nav ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 50px;background-color:rgba(255,255,255,0.8); display:none; z-index:2;
}
#nav> ul>li> ul{border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CC0000;}
#nav ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:rgba(255,255,255,0.1); background-color:#CC0000; background-color:rgba(190,0,0,0.8);
}

#nav ul ul ul{ left:100%; top:0px;}









#nav ul ul li a{
	color: #ffffff; display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;
}
#nav ul ul li a:hover{background-color:rgba(0,0,0,0.2);color:#FFFFFF;}
#nav ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/*底部*/
.footer2{
	background-color: #2d3236;
	float: left;
	width: 100%; padding-top:50px; padding-bottom:50px; clear:both
}
.footer{
	background-color:#23282c;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#dddddd}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:32px;}
.footer2 .flx{ width:280px; float:left; }
.footer2 .qrcode{ width:250px; float:right}
.footer2 .etitle{
	color:#FFFFFF;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #d4bb56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px; text-align:center;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ccc;
min-height:180px;
}



#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}


.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color:#283653;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#283653; color:#FFFFFF}

.pagination li a{ color:#333333}





.list{
	float: left;
	margin: 10px;

}
.list .img{
	background-color:#FFFFFF;
	position: relative;
display: flex;align-items: center
}
.list .img img{ max-width:100%;max-height:100%; align-items: center;}
.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.list div.ntitle{
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%; color:#333333
}

.list a:hover div.ntitle{
	color: #CC0000;
}

.hot{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image: url(1_r7_c8.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 30px;
}
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:40px;}

.hot form{ margin-left:15px; padding-top:8px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 26px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left:10px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	background-color: #015595;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}

.hot .search b{ color:#D10101; padding-right:10px;}


/*首页产品*/
.pro{ clear:both; float:left; width:100%; margin-top:5px; margin-bottom:20px;}


.etitle{ text-align:center}
.etitle b{
	font-size:48px;
	position: relative;
	display:inline-block;
	font-weight: lighter;
}
.etitle b:after{content:'';
	width:2em;
	left:1em;
	float:left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	position: absolute;
	z-index: 1;
	bottom: 0px;
}
.pro  .etitle1{ color:#585858; font-size:16px; padding-top:10px; padding-bottom:10px;}
.pro .sort{ float:left; width:100%; padding-top:10px; padding-bottom:15px;}
.pro .sort a{
	background-color:#ECECEC;
	font-size:16px;
	position: relative;
	margin-right:0.5%;
	margin-left:0.5%;
	float: left;
	width: 19%;
	text-align: center;
	border-radius:3px;
	line-height:50px;
	margin-bottom:8px;
	white-space: nowrap;
	overflow: hidden;
}
.pro .sort a:hover{ background-color:#283653; color:#FFFFFF}




.pro .econtent{ clear:both; float:left; width:100%; margin-top:30px; padding-bottom:20px;}
.pro .econtent .list{
	width:25%;
	float: left;
	background-color:#E5E5E5;
	margin-top: -1px;
	margin-bottom: 0px;
	overflow:hidden;
	margin-left:-1px;
	margin-right:-1px;
	border: 1px solid #cccccc;
}
/*.pro .econtent .list a{
	

	display:block;
	text-align:center;

}*/

.pro .tjcontent{ clear:both}
.pro .tjcontent .picli{ float:left; width:100%; background-color:#ececec}
.pro .tjcontent .picli .img{ float:left; width:640px; height:auto; overflow:hidden; max-width:100%;}

.pro .tjcontent .picli .right{ margin-left:655px; margin-right:10px; max-width:100%;}
.pro .tjcontent .picli .right .ntitle{ color:#0143a3; font-size:29px;}
.pro .tjcontent .picli .right .ntitle a{ color:#0143a3}

.pro .tjcontent .picli .right .hc{ font-size:14px;}


.pro .econtent .list .img{	

	height:185px;

    display: flex;
    justify-content:center;
    align-items:Center; overflow:hidden; background-color:#FFFFFF;
}
.pro .econtent .list .img img{ max-width:90%; max-height:90%;}

.pro .econtent .list .ntitle{
	float:left;
	width:100%;

	white-space: nowrap;
	overflow: hidden; line-height:55px; display:block; clear:both; 
}

.pro .econtent .list:hover{ background-color:#283653;  }
.pro .econtent .list:hover a .ntitle{  color:#FFFFFF; }

.pro .more{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px; line-height:40px;}
.pro .more a{border-radius:3px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666; display:inline-block; padding-left:50px; padding-right:50px;
}







.links{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; background-color:#FFFFFF
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}

/*关于我们*/
.about{
 clear:both
}
.about .box1{
	position: relative; padding-top:20px; 
}




.about .etitle b:after{
	border-bottom-color: #FFFFFF;
}
.about  .picli{ background-color:#3B4662; background-color:rgba(39,49,67,0.9); margin-left:50px; margin-top:50px;} 
.about  .picli .img{
	float:left;
	width:552px;
	overflow:hidden;
	max-width:100%;
	position: absolute;
	left: -50px;
	top: -50px;
}
.about  .picli .img img{ max-width:100%;}
.about .left{
	float:left;
	width:555px;
	line-height:3;
	position: relative;
}
.about .right,.about .right a{ color:#FFFFFF}
.about .right{
	margin-left:550px; padding-right:45px;

	
}
.about .econtent{ padding-top:30px;}
.about .econtent .bg{
	background-image: url(yy.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	 height:44px; background-size:100% 100%; margin-left:50px;
}
.about .right span{}
.about .right b{}
.about .right .h1{
	font-size:28px; padding-top:30px;


}
.about .youshi{


	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px; line-height:1.5; margin-top:20px;
}
.about .youshi .item{
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 33.3333%;
	 text-align:center;font-size:16px;
}
.about .youshi .item .h2{ font-size:18px;}
.about .youshi .item .h2 span {
	color:#FFCC00;
	font-weight: bold;
	margin-right: 5px;
}

/*首页新闻*/
.newsbg{	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; clear:both;}
.news{
	float:left;
	width:100%;
	position: relative; margin-bottom:30px;
}
.news .econtent { padding-top:30px;}

.news .econtent .picli{
	float: left;
	width: 46%;
	padding-bottom:15px;
	padding-top:15px;
	background-color:rgba(255,255,255,0.7);
	margin-right: 1%;
	margin-left: 1%;
	padding-right: 1%;
	padding-left: 1%;
	margin-top: 10px;
	margin-bottom: 10px;

}


.news .econtent .picli:nth-child(2n+1){ margin-left:0px; clear:both; width:47%;}
.news .econtent .picli:nth-child(2n){ margin-right:0px; float:right; width:47%;}
.news .econtent .picli:last-child{	margin-bottom: 0px;}
.news .econtent .picli .img{
	float:left;
	width:180px;
	height:120px;
	overflow:hidden;
	background-color:#FFFFFF;
	display: flex;
	align-items: center;
	text-align:center;
	vertical-align: middle;
}
.news .econtent .picli .img img{ max-width:100%;max-height:100%;}
.news .econtent .picli .right{ margin-left: 200px; }
.news .econtent .picli .right .ntitle{
	text-align: left;
	white-space: nowrap;
	overflow: hidden; font-size:18px; padding-top:10px;
}


.news .econtent .picli .right .time{ font-size:12px; color:#999999; line-height:2; padding-top:10px;}
.news .econtent .picli .right .time span{ background-color:#dddddd; padding-left:10px; padding-right:10px; display:inline-block; border-radius:15px;}
.news .econtent .picli .right .dp{ line-height:1.5; font-size:14px; color:#616161; max-height:3em; overflow:hidden;}

.news .econtent .picli:hover{ background-color:#3B4662; background-color:rgba(39,49,67,0.9); cursor:pointer; } 
.news .econtent .picli:hover .ntitle,.news .econtent .picli:hover .ntitle a{ color:#FFFFFF}
.news .econtent .picli:hover .dp{ color:#FFFFFF}

.news>.more{ clear:both; text-align:center; padding-top:20px; line-height:32px;}
.news>.more a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.6);
/*	border-radius:35px;*/
	border: 1px solid #dddddd; color:#666666;
}
.news>.more a:hover{ background-color:#3B4963; color:#FFFFFF;}




.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.proimg{
	width:100%;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd; margin-bottom:20px;
}
.proimg .imgli{
    display: flex;
    justify-content:center;
    align-items:Center;
	text-align:center;
	height:200px;
	width:25%;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	vertical-align: middle;
	margin-left: -1px; overflow:hidden;
}
.proimg .imgli img{ max-width:95%; max-height:95%;}